.middle {

}
/* .middle .middle1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 500px;
  background: url('../image/ppgs_bg01.jpg');
  background-size: 100% 100%;
} */
.middle1 .ml1_lf {
  height: 100%;
  margin-top: 50px;
}
.middle1 .ml1_rg {
  width: 500px;
  height: 100%;
  margin-right: 50px;
  margin-top: 30px;
}
.ml1_lf .lf_top {
  font-size: 36px;
  margin: 50px;
  font-weight: 700;
}
.ml1_lf .lf_bot {
}
.lf_bot .bot_one {
  display: flex;
  width: 500px;
  justify-content: space-between;
  padding-left: 50px;
  margin-top: 30px;
}
.bot_one .details {
  width: 33%;
  margin-right: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #3F4552;
} 
.bot_border {
  border-bottom: 5px solid #C62026;
  padding-bottom: 30px;
}
.rg_img img {
  width: 100%;
}
.middle2 {

}
.middle2 .mid2_title {
  width: 100%;
  background-color: #F8F8F8;
  padding: 20px 0;
  padding-left: 50px;
}
.mld2_content {
  display: flex;
}
.content_item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 300px;
  color: #fff;
  font-weight: 700;
}
.content_item_1 {
  background: url('../image/20220814101838865.jpg');
  background-size: 100% 100%;
}
.content_item_2 {
  background: url('../image/20220813102409983.png');
  background-size: 100% 100%;
}
.content_item_3 {
  background: url('../image/20220814101621535.jpg');
  background-size: 100% 100%;
}
.content_item_4 {
  background: url('../image/20220814102040801.jpg');
  background-size: 100% 100%;
}
.content_item_5 {
  background: url('../image/20220814101258254.jpg');
  background-size: 100% 100%;
}
.middle3 {
  padding: 0 100px;
}
.mld3_title {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.mld3_title_lf {
  font-size: 32px;
  font-weight: 700;
}
.mld3_title_rg {

}
.mld3_content {
    display: flex;
    justify-content: space-between;
}
.mld3_content_lf {
  width: 20%;
}
.mld3_content_lf .lf_item {
  margin-top: 50px;
  font-size: 20px;
}
.mld3_content_rg {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.mld3_content_rg_one {
  width: 500px;
  height: 350px;
  background: url('../image/cp_icon1.png');
  background-size: 100% 100%;
  align-self: flex-start;
  margin-top: -120px;
}
.mld3_count{
  display: flex;
  align-items: center;
}
.mld3_content_rg_two {
  display: flex;
  align-items: center;
  width: 250px;
  height: 200px;
  background-color: #EAEAD7;
}
.mld3_content_rg_two img {
  width: 90%;
  height: 90%;
}
.mld3_content_rg_three{
  width: 400px;
  height: 350px;
  background: url('../image/20220815033638153.png');
  background-size: 100% 100%;
}
.mld3_content_rg_four {
  display: flex;
  align-items: center;
  width: 250px;
  height: 200px;
  background-color: #EAEAD7;
}
.mld3_content_rg_four img {
  width: 90%;
  height: 90%;
}
.middle4 {

  width: 100%;

  /* width: 1536px; */

  height: 650px;

  margin: 0 auto;

  display: flex;

  position: relative;

}



.middle4>div {

  flex: 1 1 auto;

  height: 650px;

  position: relative;

  overflow: hidden;

}



.middle4>div>img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: all 0.3s linear;

}



.middle4>span {

  position: absolute;

  top: 18%;

  left: 8%;

  font-size: 37px;

  color: #fff;

  /* z-index: 3; */

}



.md4Text {

  width: 100%;

  height: 27%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

  /* z-index: 3; */

}



.md4Text_img {

  width: 80px;

  height: 80px;

  /* z-index: 2; */

  position: relative;

}



.md4Text_img>img {

  width: 80px;

  height: 80px;

  position: absolute;

  top: 0;

  left: 0;

}



.md4Text_p1 {

  width: 100%;

  font-size: 30px;

  color: #fff;

  text-align: center;

  height: 20%;

  margin-top: 15px;

}



.md4Text_p2 {

  width: 100%;

  height: 10%;

  font-size: 13px;

  color: #fff;

  text-align: center;

}



.middle4div::before {

  content: '';

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.1);

  position: absolute;

  top: 0;

  left: 0;

  /* z-index: 2; */

}



.middle4div:hover .middle4div_img {

  transform: scale(1.1);

}



.md4Text_imgh {

  transition: all 0.2s linear;

  opacity: 0;

}



.middle4div:hover .md4Text_imgh {

  opacity: 1;

  transform: rotateZ(180deg);

}

.middle4div:hover .md4Text_imgb {

  opacity: 0;

}
.middle5 {
  width: 100%;
  height: 600px;
  background: url('../image/shzr_bg01.jpg');
  background-size: 100% 100%;
}
.middle5_font {
  margin-left: 100px;
  width: 30%;
}
.mld5_title {
  margin: 80px 0;
  font-size: 32px;
  font-weight: 700;
}
.mdl5_content {
  letter-spacing: 2px;
  color: #000;
  margin-bottom: 10px;
}
.middle6 {

  width: 100%;

  height: 651px;

  position: relative;

  background-image: url(https://www.l-ren.com.cn/statics/web/images/home/xwzx-img01.png);

  background-repeat: no-repeat;

  background-size: 33%;

  background-position: -10px 157px;

}



.middle6>span {

  position: absolute;

  top: 9%;

  left: 10%;

  font-size: 30px;

}



.middle6>a {

  display: block;

  position: absolute;

  right: 10%;

  top: 9%;

}



.middle6>ul {

  width: 55%;

  height: 76%;

  position: absolute;

  right: 5%;

  top: 17%;

  display: flex;

  flex-flow: row wrap;

  align-content: space-between;

}



.md6li {

  width: 100%;

  height: 20%;

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: center;

  position: relative;

}



.md6liL {

  width: 12%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

}



.md6li>i {

  display: block;

  width: 3%;

  height: 90%;

  border-left: 1px solid rgb(222, 207, 207);

}



.md6liR {

  width: 80%;

  height: 100%;

  display: flex;

  flex-flow: row wrap;

  align-content: space-around;

  /* display: none; */

}



.md6liL>span {

  font-size: 40px;

  font-weight: bold;

  color: #3f4552;

}



.md6liL>i {

  display: block;

  width: 18%;

  border-top: 1px solid rgb(225, 197, 197);

}



.md6liL>p {

  font-size: 14px;

  color: #9598a0;

}



.md6liR>span {

  font-size: 18px;

  font-weight: bold;

  color: #3f4552;

}



.md6liR>p {

  color: #9598a0;

  font-size: 14px;

}



.md6li_box {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  border-left: 6px solid #ff0000;

  background: #f9f9f9;

  padding: 12px;

}



.md6li_box {

  width: 100%;

  height: 100%;

  cursor: pointer;

  opacity: 0;

}



.md6li_boxl {

  width: 82%;

  height: 70%;

  margin-right: 20px;

  line-height: 24px;

}



.md6li_boxr {

  width: 5%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.md6li_box>div>span {

  font-size: 18px;

  font-weight: bold;

  color: #c4141b;

}



.md6li_box>div>p {

  color: #9598a0;

  font-size: 14px;

}



.md6li:hover .md6li_box {

  opacity: 1;

}
.middle1 {

  width: 100%;

  /* width: 1536px; */

  height: 652px;

  margin: 0 auto;

  background-image: url(https://www.l-ren.com.cn/statics/web/images/home/ppgs_bg01.jpg);

  background-size: 100% 125%;

  background-position: 0px -115px;

  position: relative;

}

.middle1::after {

  content: '';

  width: 550px;

  height: 270px;

  background-image: url(https://www.l-ren.com.cn/statics/web/images/home/ppgs-icon1.png);

  background-size: 100% 100%;

  position: absolute;

  right: 90px;

  top: 30px;

}

.middle1>h1 {

  position: absolute;

  top: 26%;

  left: 8%;

}

.leftText {

  width: 600px;

  height: 300px;

  position: absolute;

  top: 43%;

  left: 0;

}

.leftText>ul {

  width: 80%;

  height: 100%;

  float: right;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

  align-items: center;

}

.leftText>ul>li {

  width: 131px;

  height: 103px;

  color: #3f4552;

  padding: 10px;

}

.leftText>ul>li>div {

  text-align-last: left;

}

.leftText>ul>li>div>b {

  font-size: 40px;

}

.leftText>ul>li>div>span {

  font-weight: bold;

  margin-left: -5px;

}

.leftText>ul>li>p {

  margin-top: 10px;

}

.leftText>p {

  width: 610px;

  height: 5px;

  border-radius: 6px;

  background-color: #c4141b;

  position: absolute;

  top: 50%;

  left: 0;

}

.rightText {

  width: 530px;

  height: 150px;

  position: absolute;

  top: 55%;

  right: 5%;

  color: #3f4552;

}

.rightText>p {

  font-size: 15px;

  line-height: 26px;

}

.rightText>a {

  margin: 26px 0px 0px 0px;

}
.mld6_foot{
  width: 100%;
  background-color: #F8F8F8;
}
.mld6_count {
  display: flex;
  align-items: center;
  margin: 0 100px;
  justify-content: space-between;
  padding: 30px 0;
}
.mld6_item {
  width: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  padding: 30px;
  border-radius: 10px;
  color: #c4141b;
  font-weight: 700;
}
.mld6_item_cen {
  width: 70%;
}
.mld6_item_rg {
  font-size: 28px;
}
